import React from 'react';
import { Col, Row } from 'antd';

import DataCard from '@/components/DataCard';
import Chart from './Chart';
import InfoBox from './InfoBox';

const DataCircle = (props: {
  loading: boolean;
  chartData: any;
  infoData: any;
}) => {
  const { loading, chartData, infoData } = props;

  return (
    <DataCard
      title="数据共享统计（国标统计）"
      style={{ paddingTop: 24, paddingBottom: 40 }}
      loading={loading}
    >
      <Row gutter={32}>
        <Col span={12}>
          <Chart data={chartData} />
        </Col>
        <Col span={12}>
          <InfoBox data={infoData} />
        </Col>
      </Row>
    </DataCard>
  );
};

export default DataCircle;
